<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>青蛇探针 | 新增服务器</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- Toastr style -->
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                            <b style="font-size:48px;">🐍</b>
                            </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <span class="text-muted text-xs block">
                                        管理员
                                        <b class="caret"></b>
                                    </span>
                                </span>
                            </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="profile.html">个人信息</a></li>
                                <li><a href="login.html">登出</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">探针首页</span></a>
                    </li>
                    <li>
                        <a href="serverlist.html"><i class="fa fa-table"></i> <span class="nav-label">服务器列表</span></a>
                    </li>
                    <li class="active">
                        <a href="addserver.html"><i class="fa fa-edit"></i> <span class="nav-label">添加服务器</span></a>
                    </li>
                    <li>
                        <a href="shell.html"><i class="fa fa-indent"></i> <span class="nav-label">批量命令</span></a>
                    </li>
                    <li>
                        <a href="share.html"><i class="fa fa-share-alt"></i> <span class="nav-label">分享服务</span></a>
                    </li>
                    <li>
                        <a href="tg.html"><i class="fa fa-paper-plane-o"></i> <span class="nav-label">telegram推送</span></a>
                    </li>
                    <li>
                        <a href="info.html"><i class="fa fa-user-circle-o"></i> <span class="nav-label">个人中心</span></a>
                    </li>
                    <li>
                        <a href="about.html"><i class="fa fa-handshake-o"></i> <span class="nav-label">关于青蛇探针</span></a>
                    </li>
                </ul>

            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg">
            <div class="row border-bottom">
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                                class="fa fa-bars"></i> </a>

                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <span class="m-r-sm text-muted welcome-message">欢迎来到青蛇探针管理后台</span>
                        </li>
                        <li>
                            <a href="/" target="_blank">
                                <i class="fa fa-home"></i> 首页
                            </a>
                        </li>
                        <li>
                            <a href="login.html">
                                <i class="fa fa-sign-out"></i> 注销
                            </a>
                        </li>
                    </ul>

                </nav>
            </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-sm-4">
                    <h2>新增服务器</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li class="active">
                            <strong>新增服务器</strong>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12" style="margin-top: 10px;">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>添加控制端信息</h5>
                        </div>
                        <div class="ibox-content">
                            <form method="get" class="form-horizontal">
                                <div class="form-group"><label class="col-sm-2 control-label">序号</label>
                                    <div class="col-sm-10">
                                        <input type="number" id="number" name="number" value="0" class="form-control">
                                        <span class="help-block m-b-none">
                                            服务器序号排序使用(数值越高排名在前)
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器(IP)</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="url" name="url" class="form-control">
                                        <span class="help-block m-b-none">
                                            控制端(IP+端口)(例如：10.10.10.10:5888)
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器地区（简称）</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="region" name="region" class="form-control"> 
                                        <span class="help-block m-b-none">
                                            服务器地区简称（大写字母）例如香港简称 HK 等等
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器别名</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="name" name="name" class="form-control">
                                        <span class="help-block m-b-none">
                                            服务器名称（自定义名称）
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器地区</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="location" name="location" class="form-control"> 
                                        <span class="help-block m-b-none">
                                            服务器所属地区（例如香港简称 中国，日本，韩国 等等）
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">通信token</label>
                                    <div class="col-sm-10">
                                        <input type="number" id="token" name="token" class="form-control"> 
                                        <span class="help-block m-b-none">
                                            控制端和主控端服务器之间的通信token(暂只支持数字类型推荐长度8位以上)
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">显示控制</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="show" value="true" name="show" class="form-control"> 
                                        <span class="help-block m-b-none">
                                            游客显示控制（true为显示 false为隐藏）
                                        </span>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器用户名(root)</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="username" name="username" class="form-control"> 
                                        <span class="help-block m-b-none">
                                            可不写（填写是为了方便登录网页端ssh）
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">服务器密码</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="password" name="password" class="form-control">
                                        <span class="help-block m-b-none">
                                            可不写（填写是为了方便登录网页端ssh）
                                        </span>
                                    </div>
                                </div>
                                <!-- <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-lg-2 control-label">禁用</label>

                                    <div class="col-lg-10"><input type="text" disabled="" placeholder="禁用输入..."
                                            class="form-control"></div>
                                </div> -->
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-4 col-sm-offset-2">
                                        <!-- <button class="btn btn-white" type="submit">取消</button> -->
                                        <span id="addserver" class="btn btn-primary pull-right" type="submit">保存</span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="pull-right">
                    <a href="https://github.com/souying/serverMmon">serverMmon</a>
                </div>
                <div>
                    <strong>Copyright</strong> 青蛇探针 &copy; 2022-2023
                </div>
            </div>

        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <!-- Toastr -->
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/token.js"></script>

    <script>
        $(document).ready(function () {

            $('#loading-example-btn').click(function () {
                btn = $(this);
                simpleLoad(btn, true)

                // Ajax example
                //                $.ajax().always(function () {
                //                    simpleLoad($(this), false)
                //                });

                simpleLoad(btn, false)
            });
        });

        function simpleLoad(btn, state) {
            if (state) {
                btn.children().addClass('fa-spin');
                btn.contents().last().replaceWith(" Loading");
            } else {
                setTimeout(function () {
                    btn.children().removeClass('fa-spin');
                    btn.contents().last().replaceWith(" Refresh");
                }, 2000);
            }
        }
    </script>
</body>

</html>